<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>china-pub</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="warp">
    <div class="navTop">
        <nav class="navTops">
            <div class="login">
                <span>欢饮光临 <a href="##">china-pub网上书店</a></span>
                <span>[<a href="##">登陆</a>]
                </span><span>[<a href="##">注册</a>]</span>
            </div>
            <div class="_navTop">
                <ul class="_navTops">
                    <li id="menu">
                        <a href="##">我的china-pub</a>
                        <ul class="menu">
                            <li>我的china-pub</li>
                            <li>账户信息</li>
                            <li>消费中心</li>
                            <li>藏书阁</li>
                            <li>我的评论</li>
                        </ul>
                    </li>
                    <li id="id">
                        <a href="##">手机互动</a>
                        <div class="id">
                            <img src="img/khd.png" alt="">
                            <p>扫一扫下载手机客户端</p>
                        </div>
                    </li>
                    <li><a href="##">手机互动</a></li>
                    <li><a href="##">手机互动</a></li>
                    <li><a href="##">手机互动</a></li>
                    <li><a href="##">手机互动</a></li>
                    <li><a href="##">手机互动</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="search">
        <div>
            <div class="logo">
                <a href="index.html"><img src="img/cp_logo.jpg" alt=""></a>
            </div>
            <div class="_search">
                <div>
                    <p><input type="search"><button>搜 索</button></p>
                    <span>高级搜索</span>
                </div>
                <p><m>热门搜索：算法</m> python <span>数学分析</span> android <span>微信</span> <span>汽车保养内幕</span></p>
            </div>
        </div>
        <img src="img/gou.jpg" alt="">

    </div>
    <nav class="nav2">
        <div class="_nav2">
            <div class="kind">
                <div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                    <div>
                        <p>>>计算机图书</p>
                        <p><span>程序设计</span>|<span>软件工程</span>|<span>网络安全</span></p>
                    </div>
                </div>
            </div>
            <ul>
                <li>首页</li>
                <li>|</li>
                <li>手机互动</li>
                <li>|</li>
                <li>新书</li>
                <li>|</li>
                <li>特价书</li>
                <li>|</li>
                <li>赠书</li>
                <li>|</li>
                <li>教材</li>
                <li>|</li>
                <li>电子书</li>
                <li>|</li>
                <li>视频教程</li>
                <li>|</li>
                <li>按需印刷</li>
                <li>|</li>
                <li>在线阅读</li>
                <li>|</li>
                <li>排行榜</li>
                <li>|</li>
                <li>书评</li>
            </ul>
        </div>
    </nav>
    <div class="main">
        <div class="m_top"><p>全部分类</p><p>使用 <span>js</span> 搜索,共有 <span>214种</span> 商品</p></div>
        <div class="m_btm">
            <div class="m_left">
                <dl>
                    <dt>图书分类</dt>
                    <dd>教育 <span>(126)</span></dd>
                    <dd>教育 <span>(126)</span></dd>
                    <dd>教育 <span>(126)</span></dd>
                    <dd>教育 <span>(126)</span></dd>
                    <dd>教育 <span>(126)</span></dd>
                </dl>
            </div>
            <div class="m_right">
                <img src="img/jzyt.jpg" alt="">
                <div>
                    <img src="img/books1.jpg" alt="">
                    <div>
                        <p><span class="name">书名</span><span class="red">即时配发</span></p>
                        <p><span class="author">作者(著)</span>|<span class="company">公司</span>| <span>9787115444936</span>|<span class="time">time</span></p>
                        <p>[0人评价]</p>
                        <p>vip价:<span class="price">(折扣)</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="btm"></footer>
</div>
</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/js.js"></script>
</html>